<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
     <!--css内联与外联
        <style type="html/css"></style>
        <link href="" type="html/css" rel=""stylesheet>
     -->
     <!--选择器
         标签选择器  id选择器  类选择器
        伪选择器：link  hover  active visited
     -->
     <!--文字样式
       font-style font-size font-weight font-family
     -->
     <!--文本样式
       text-aline text-indent  width height background-color line-height vertical-aline
     -->
     <!--文字装饰
        text-decoration
     -->
     <!--css样式应用
           背景：background-color background-image  background-repeat
           边框：border
           轮廓：outline-color outline-width outline-style
           列表：list-style-type   list-style-image
     -->
     <!--盒子模型
         padding-top padding-left padding-right padding-bottom margin
     -->
     <!--浮动
         float
     -->
      <!--定位
            绝对定位：position:absolute
                         top / left
            相对定位：position:relation
                         top / left
            固定定位：position:fixed
                         top / left
      -->
     <!--导航栏
          鼠标手型设定：cursor:pointer;
          div消失：display: none;
          消失的div再现：display: block;
     -->
</body>
</html>